{% extends "base.html" %}

{% block content %}
<!-- start public profile -->
	<div id="profile">
	<div id="img-links-box">
	<h1>{{account.user}}</h1>
	<img class="box_bg" src='/profiler/getimage/' /></img>
	</div>
	<div id="about">
	<h1>ABOUT ME</h1>
	<div id="about-box" class="box_bg">
		Hi! My name is Brenden.2
	</div>
	</div>

		<div id="planets" class="box_bg" style="color: #b4b6b8; font-size: 13px;">
        ({<a>#of pending requests</a>}) Offers<br />
        ({<a>#of pending requests}</a>) Accepted Offers<br />
        <a>Transaction History</a>
        
        </div>
        
        <div id="planets" class="box_bg">

        <table style="color: #b8b8b8; text-align:left;">

        <tr>

        <td class="plan"><h1>Planet</h1></td>

        <td class="col"><h1><a href="/profiler/public?res_type=1">Minerals</a></h1></td>

        <td class="col"><h1><a href="/profiler/public?res_type=2">Water</a></h1></td>

        <td class="col"><h1><a href="/profiler/public?res_type=3">Fuel</a></h1></td>

        <td class="col"><h1><a href="/profiler/public?res_type=4">Organic</a></h1></td>

        <td class="col"><h1><a href="/profiler/public?res_type=5">Distance</a></h1></td>

        </tr>

        {% for profRec in profilerArr %}

        <tr>

        <td class="plan">{{profRec.planet.name}}</td>

        <td class="col">{{profRec.colony.resourceStorage.resourceOne}}</td>

        <td class="col">{{profRec.colony.resourceStorage.resourceTwo}}</td>

        <td class="col">{{profRec.colony.resourceStorage.resourceThree}}</td>

        <td class="col">{{profRec.colony.resourceStorage.resourceFour}}</td>

        <td class="distance">{{profRec.distance}}</td>

        </tr>

        {% endfor %}

        </table>

        </div>
        <div class="clear"></div>

       
       <!-- IMAGE UPLOAD -->
       <!-- <div id="planets" class="box_bg" style="color: #b4b6b8; font-size: 13px;">
        <form id="avatar_change" action='/profiler/change/' enctype="multipart/form-data" method="post" >
        Choose a .jpg image to use: <br /><br /><input name="newimage" type="file" style="color: #b4b6b8"/> <br /><br>
        <input type="submit" value="Update Profile" />
        </form>
        </div>
        <div class="clear"></div>-->

        
</div>
    {% endblock %}
<!-- end public profile 


    <div id="log-cont">

<div id="login" class="boxes_log box_bg">
<h1>LOGIN</h1>
<p>To play Frontier, <a href="/accounts/new">create an account</a> (you may have to log in to your Google Account).</p>
    <p>If you already have an account, please <a href="/accounts/login">login</a>.</p>
</div>
</div>
-->


